<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="__STATIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="__STATIC__/jquery-2.1.3.js"></script>
<script src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
<css file='__ADMIN_PUBLIC__/css/public.css' />
<style>
body{font-family:'微软雅黑'}
a{cursor:pointer;padding:3px 3px;}
.mt20{margin-top:20px;}
.nav.nav-tabs li{margin:0;padding:0;}
.nav.nav-tabs li a{font-size:16px;font-weight:bold;}
.nav.nav-pills li a{padding:6px 12px;}
.fs16{font-size:16px;}
.fr{float:right;}
.page span{padding:3px 6px;}
.handle a {border-right: 1px solid #bbb; padding: 0 6px;}
</style>
</head>
<body>
    <div class="col-md-12">
    	<h3>乐器列表</h3>
    </div>
    
    <div class="col-md-12 mt20">
        <table class="table table-striped" style="text-align: center;">
            <tr>
                <th>乐器名字</th>
                <th>乐器图片</th>
                <th>乐器对应称谓</th>
                <th style="padding-left: 14px;">操作</th>
            </tr>
            <notempty name="instru">
            <foreach name='instru' item='v'>
            <tr>
            	<td>{$v.name}</td>
                <td><img src="{$v.imgurl}" style="width: 70px;height: 70px;"></td>
                <td>{$v.titlename}</td>
                 <td>
                 	<a href="{:U('Instrument/instru_info', array('id' => $v['id']))}">编辑</a>
                 	<a onclick="return confirm('确定要删除该乐器?')"  href="{:U('Instrument/instru_delect', array('id' => $v['id']))}">删除</a>
                 </td>
            </tr>
            </foreach>
            <else/>
            <tr>
            	<td colspan="7" class="text-center">暂无数据！！！</td>
            </tr>
            </notempty>
        </table>
    </div>
 <div class="text-center page">{$page}</div>
</body>
</html>